<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img id="h1" src="./img/off.gif" alt="">
    <br><br>
    <div class="cls">传智教育</div><br>
    <div class="cls">黑马程序员</div><br>

    <input type="checkbox" name="hobby">电影
    <input type="checkbox" name="hobby">旅游
    <input type="checkbox" name="hobby">游戏

</body>

<script>
    //1 获取Element元素
    //1.1 ID获取
    // var img = document.getElementById('h1');
    // alert(img);

    //1.2 标签获取
    // var divs=document.getElementsByTagName('div');
    // for(let i=0;i<divs.length;i++){
    //     alert(divs[i]);
    // }

    //1.3 根据name属性值获取标签对象
    // var ins=document.getElementsByName("hobby");
    // for(let i=0;i<ins.length;i++){
    //     alert(ins[i]);
    // }

    //1.4 根据class属性获取
    // var divs=document.getElementsByClassName("cls");
    // for(let i=0;i<divs.length;i++){
    //     alert(divs[i]);
    // }

    //2 属性,方法
    var divs= document.getElementsByClassName('cls');
    var div1=divs[0];

    div1.innerHTML="我修改了传智教育这几个字";
</script>

</html>